<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入 WeUI CDN 链接 -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <!-- 个人信息 -->
    <div class="message">
        <a href="./mine.html"><span class="iconfont icon-xiangzuo1 iconfont1"></span></a>
        个人资料
    </div>
    <!-- 主体部分 -->
    <!-- <main class="main">

        <div class="headArea df jcsb aic">
            <span class="replace">更换头像</span>
            <div class="photo df jcsb aic">
                <img src="#" alt="" class="headP">
                <span class="iconfont icon-xiangyou1 iconfont2"></span>
            </div>
        </div>
        
        <div class="name df jcsb aic">
            <span class="nickname">昵称</span>
            <span class="username">用户名</span>
        </div>
        
        <div class="gender df jcsb aic">
            <span class="gender1">性别</span>
            <div class="gender2 df jcsb aic">
                <span class="gender21">男</span>
                <span class="iconfont icon-xiangyou1 iconfont2"></span>
            </div>
        </div>
        
        <div class="birthday df jcsb aic">
            <span class="birthday1">生日</span>
            <div class="time df jcsb aic">
                <span class="time1">2020-11-11</span>
                <span class="iconfont icon-xiangyou1 iconfont2"></span>
            </div>
        </div>
        
        <div class="province df jcsb aic">
            <span class="province1">所在省份</span>
            <div class="province2 df jcsb aic">
                <span class="province21"><span>四川</span>省</span>
                <span class="iconfont icon-xiangyou1 iconfont2"></span>
            </div>
        </div>
        
        <div class="city df jcsb aic">
            <span class="city1">所在城市</span>
            <div class="city2 df jcsb aic">
                <span class="city21"><span>成都</span>市</span>
                <span class="iconfont icon-xiangyou1 iconfont2"></span>
            </div>
        </div>
        
        <div class="resume">
            <div class="resume1">个人简历</div>
            <textarea name="input" id="input" class="input" placeholder="多行输入"></textarea>
        </div>
        <button class="btn">保存信息</button>
    </main> -->



    <!-- <div class="avatar-wrapper"> -->

    <input type="file" id="upload" style="display:none">
    </div>

    <div class="weui-cells">
        <!-- 头像 -->
        <div class="weui-cell weui-cell_active weui-cell_select" role="button" aria-haspopup="listbox">
            <div class="weui-cell__bd df jcsb avatar-box">
                <div class="weui-select">点击头像</div>
                <img alt="" id="avatar" class="avatar">
            </div>
        </div>
        <!-- 昵称 -->
        <label for="nickname" class="weui-cell weui-cell_active weui-cell_wrap">
            <div class="weui-cell__hd">
                <span class="weui-label">昵称</span>
            </div>
            <div class="weui-cell__bd">
                <!-- <span class="weui-cell__control">+86</span> -->
                <input id="nickName" class="weui-input  weui-cell__control weui-cell__control_flex" placeholder="请填写昵称" />
            </div>
        </label>
        <!-- 性别 -->
        <div id="showSexPicker" role="button" aria-haspopup="listbox"
            class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd"><label class="weui-label">性别</label></div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="selSex">请选择性别</div>
            </div>
        </div>
        <!-- 生日 -->
        <div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after" role="button"
            aria-haspopup="listbox" id="showDatePicker">
            <div class="weui-cell__hd"><label class="weui-label">生日</label></div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="selBirthday">请选择生日</div>
            </div>
            <!-- <div class="weui-cell__bd">
                <div class="weui-select">生日</div>
            </div> -->
        </div>
        <!-- 省份 -->
        <div id="showProvincePicker" role="button" aria-haspopup="listbox"
            class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd"><label class="weui-label">省份</label></div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="selProvince">请选择省份</div>
            </div>
        </div>
        <!-- 城市 -->
        <div id="showCityPicker" role="button" aria-haspopup="listbox"
            class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd"><label class="weui-label">城市</label></div>
            <div class="weui-cell__bd">
                <div class="weui-select" id="selCity">请选择城市</div>
            </div>
        </div>
        <!-- 个人简介 -->
        <div class="weui-cells__group weui-cells__group_form">
            <div class="weui-cells__title">个人简介</div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell weui-cell_active">
                    <div class="weui-cell__bd">
                        <textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3" maxlength="140" id="text"></textarea>
                        <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="textLength">0</span>/140字</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 保存信息 -->
        <div class="weui-form__opr-area">
            <a role="button" class="weui-btn weui-btn_primary" href="javascript:" id="submit">保存信息</a>
        </div>





    </div>



    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>

</body>

</html>